<!DOCTYPE html>
<html>
<head lang="en">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="Keywords" content="盖网,网上购物,网上商城,积分兑换,积分消费,手机,笔记本,电脑,数码,服装,手表,化妆品,保健品,盖象商城" />
    <meta name="Description" content="盖网,盖象商城-中国最大的网上购物及积分兑换消费商城，便捷，诚信的服务,为您提供愉悦的网上商城购物体验!" />
    <title>盖象商城</title>
    <link href="../styles/global.css" rel="stylesheet" type="text/css" />
    <link href="../styles/mygx.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!--头部start-->
<div class="gx-yx-top">
    <div class="gx-yx-top-wrap">
        <div class="gx-yx-top-logo"></div>
        <div class="gx-yx-top-yz">绑定手机</div>
        <div class="gx-yx-top-user">
            <span class="gx-yx-top-username"> Hi , <span>Tom</span></span>
            <a href="#">退出</a>
            <span class="gx-yx-top-user-h"> | </span>
            <a href="我的盖象.html" class="gx-yx-top-user-my">我的盖象 </a>
        </div>
    </div>
</div>
<!--头部end-->
<!--主体start-->
<div class="gx-bd-content">
    <div class="gx-bd-content-zan"></div>
    <div class="gx-bd-content-state clearfix">
            <div class="item-info ">
                <span class="item-num">1</span>
                <p>绑定手机</p>
            </div>
            <div class="item-info on">
                <span class="item-spot">------------</span>
                <span class="item-num">2</span>
                <p>完成</p>
            </div>
    </div>
    <div class="formBox">
        <form id=""  name="" action="" method="post" >
            <div  class="formdiv clearfix">
                <label class="formtwo" for="gw_nb">绑定手机号码：</label>
                <input name="" type="text" class="formBox-inputStyle" id="gw_nb" >
                <div class="help-block" style="display: none" >
                    <i class="cart-icon"></i>
                    请输入手机号码
                </div>
                <div class="help-block" style="display: block" >
                    <i class="cart-icon"></i>
                    手机号码输入有误，请重新输入
                </div>
            </div>
            <div  class="formdiv clearfix">
                <label class="formtwo" for="gw_pw">请填写手机校验码：</label>
                <input name="" type="text" class="formBox-inputStyle" id="gw_pw" >
                <input class="formBox-span " id="gx-duanxin" value="获取短信验证码" type="button">
                <div class="help-block" style="display:block">
                    <i class="cart-icon"></i>
                    手机短信验证码有误，请重新输入
                </div>
            </div>
            <div  class="formdiv clearfix">
                <label class="formtwo" for="zs_ry">验证码：</label>
                <input name="" type="text" class="formBox-inputStyle" id="zs_ry" >
                <img src="../images/bgs/mailbox-yzm.jpg" width="80" height="30" alt="">
                <a class="changeimg">换一张</a>
                <div class="help-block" style="display:none">
                    <i class="cart-icon"></i>
                    请输入验证码
                </div>
                <div class="help-block" style="display:block">
                    <i class="cart-icon"></i>
                    验证码输入有误，请重新输入
                </div>
            </div>
            <input class="formBox-bt" type="submit" value="提交">
        </form>
    </div>
</div>
<!--主体end-->
<!-- 底部start -->
<div class="gx-bottom-link">
    <div class="gx-bottom-link-main">
        <div class="gx-bottom-link-item">
            <a href="#" title="关于盖网">关于盖网</a>|
            <a href="#" title="帮助中心">帮助中心</a>|
            <a href="#" title="网站地图">网站地图</a>|
            <a href="#" title="诚聘英才">诚聘英才</a>|
            <a href="#" title="联系客服">友情链接</a>|
            <a href="#" title="联系客服">联系客服</a>|
            <a href="#" title="免责声明">免责声明</a>|
            <a href="#" title="隐私保护">隐私保护</a>|
            <a href="#" title="家长监护">家长监护</a>|
            <a href="#" title="站长统计">站长统计</a>|
        </div>

        <div class="bottom-link">
            <span>Copyrightg-emall.com </span>|
            <span>增值电信业务经营许可证：</span>
            <span>粤B2-20140364 </span>|
            <span>粤ICP备14049968号-2</span>|
            <span>互联网药品信息服务资格证</span>|
            <span>网络文化经营许可证</span>|
            <span>穗公网监备案证第44070050010060号</span>|
        </div>

    </div>
</div>
<!-- 底部end -->
</body>
</html>
<script src="../js/jquery-1.9.1.js" type="text/javascript"></script>
<script>
    //按钮状态切换
    $("#gx-duanxin").click(function(){
        $(this).attr("disabled","disabled");
        $(this).addClass("disabled");
        var second=60;
        var timer=setInterval(function(){
            second--;
            $("#gx-duanxin").val(second +"秒");
            if(second<=0){
                $("#gx-duanxin").removeClass("disabled");
                $("#gx-duanxin").attr("disabled","");
                $("#gx-duanxin").val("重新获取验证码");
                clearInterval(timer);
                 second=60;
            }
        }, 1000);
    })

</script>